<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
    <path
      d="M12.2548 5.09286C12.1866 5.02928 12.0958 4.99379 12.0014 4.99379C11.9069 4.99379 11.8161 5.02928 11.7479 5.09286L3.31001 12.9442C3.27418 12.9776 3.24567 13.0177 3.22621 13.0621C3.20675 13.1066 3.19675 13.1544 3.1968 13.2027L3.19543 20.5714C3.19543 20.9503 3.34995 21.3137 3.625 21.5816C3.90006 21.8495 4.27311 22 4.66209 22H9.06666C9.26116 22 9.44768 21.9247 9.58521 21.7908C9.72273 21.6568 9.8 21.4752 9.8 21.2857V15.2143C9.8 15.1196 9.83863 15.0287 9.90739 14.9617C9.97615 14.8948 10.0694 14.8571 10.1667 14.8571H13.8333C13.9306 14.8571 14.0238 14.8948 14.0926 14.9617C14.1614 15.0287 14.2 15.1196 14.2 15.2143V21.2857C14.2 21.4752 14.2772 21.6568 14.4148 21.7908C14.5523 21.9247 14.7388 22 14.9333 22H19.3361C19.725 22 20.0981 21.8495 20.3731 21.5816C20.6482 21.3137 20.8027 20.9503 20.8027 20.5714V13.2027C20.8028 13.1544 20.7928 13.1066 20.7733 13.0621C20.7539 13.0177 20.7253 12.9776 20.6895 12.9442L12.2548 5.09286Z"
      fill="url(#paint0_linear_547_4801)" />
    <path
      d="M22.7667 11.471L19.3383 8.27634V3.42857C19.3383 3.23913 19.2611 3.05745 19.1236 2.9235C18.986 2.78954 18.7995 2.71429 18.605 2.71429H16.405C16.2105 2.71429 16.024 2.78954 15.8865 2.9235C15.749 3.05745 15.6717 3.23913 15.6717 3.42857V4.85714L13.017 2.38482C12.7686 2.14018 12.3992 2 12 2C11.6022 2 11.2337 2.14018 10.9852 2.38527L1.23652 11.4701C0.951434 11.7379 0.915684 12.1786 1.1751 12.4688C1.24024 12.542 1.32001 12.6016 1.40954 12.6438C1.49907 12.6861 1.59649 12.7102 1.69588 12.7146C1.79526 12.719 1.89454 12.7037 1.98765 12.6696C2.08077 12.6354 2.16578 12.5832 2.23751 12.5161L11.7479 3.66429C11.8161 3.60071 11.9069 3.56522 12.0014 3.56522C12.0958 3.56522 12.1866 3.60071 12.2548 3.66429L21.7661 12.5161C21.9062 12.6469 22.0939 12.7184 22.288 12.7147C22.4821 12.711 22.6667 12.6325 22.8015 12.4964C23.0829 12.2125 23.0595 11.7437 22.7667 11.471Z"
      fill="url(#paint1_linear_547_4801)" />
    <path
      d="M22.7667 11.471L19.3383 8.27634V3.42857C19.3383 3.23913 19.2611 3.05745 19.1236 2.9235C18.986 2.78954 18.7995 2.71429 18.605 2.71429H16.405C16.2105 2.71429 16.024 2.78954 15.8865 2.9235C15.749 3.05745 15.6717 3.23913 15.6717 3.42857V4.85714L13.017 2.38482C12.7686 2.14018 12.3992 2 12 2C11.6022 2 11.2337 2.14018 10.9852 2.38527L1.23652 11.4701C0.951434 11.7379 0.915684 12.1786 1.1751 12.4688C1.24024 12.542 1.32001 12.6016 1.40954 12.6438C1.49907 12.6861 1.59649 12.7102 1.69588 12.7146C1.79526 12.719 1.89454 12.7037 1.98765 12.6696C2.08077 12.6354 2.16578 12.5832 2.23751 12.5161L11.7479 3.66429C11.8161 3.60071 11.9069 3.56522 12.0014 3.56522C12.0958 3.56522 12.1866 3.60071 12.2548 3.66429L21.7661 12.5161C21.9062 12.6469 22.0939 12.7184 22.288 12.7147C22.4821 12.711 22.6667 12.6325 22.8015 12.4964C23.0829 12.2125 23.0595 11.7437 22.7667 11.471Z"
      fill="url(#paint2_linear_547_4801)" />
    <defs>
      <linearGradient
        id="paint0_linear_547_4801"
        x1="1"
        y1="12"
        x2="23"
        y2="12"
        gradientUnits="userSpaceOnUse">
        <stop :stop-color="color" />
        <stop offset="1" :stop-color="color" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_547_4801"
        x1="1"
        y1="12"
        x2="23"
        y2="12"
        gradientUnits="userSpaceOnUse">
        <stop :stop-color="color" />
        <stop offset="1" :stop-color="color" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_547_4801"
        x1="1"
        y1="7.35767"
        x2="23"
        y2="7.35767"
        gradientUnits="userSpaceOnUse">
        <stop :stop-color="color" />
        <stop offset="1" :stop-color="color" />
      </linearGradient>
    </defs>
  </svg>
</template>

<script setup lang="ts">
  interface Props {
    size?: number | string;
    color?: string;
    fill?: string;
    strokeWidth?: number | string;
    iconClass?: string;
  }

  withDefaults(defineProps<Props>(), {
    size: 24,
    color: '#7A7A7A',
    fill: 'none',
    strokeWidth: 1,
    iconClass: '',
  });
</script>
